// 自定义图标
<template>
<p>默认图标可能无法满足您的需求，您可以通过设置<code>icon</code>属性来自定义图标，示例如下。</p>
  <el-page-header :icon="ArrowLeft">
    <template #content>
      <span class="text-large font-600 mr-3"> Title </span>
    </template>
  </el-page-header>
</template>

<script lang="ts" setup>
import { ArrowLeft } from '@element-plus/icons-vue'
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>